<template>
    <div class="usercenter">
        <ul class="list-item">
            <li>
                <input type="text" v-model.trim="user.mobile" placeholder="输入手机号码"/>
            </li>
            <li style="margin-top:0">
                <input type="text" v-model.trim="user.code" placeholder="输入验证码"/>
                <div>
                    <span class="sendcode inline-block">发送验证码</span>
                </div>
            </li>
        </ul>

        <ul class="list-item">
            <li>
                <input type="text" v-model="user.pw" placeholder="输入密码" />
            </li>
            <li style="margin-top:0">
                <input type="text" v-model="user.confirmPw" placeholder="确认密码" />
            </li>
        </ul>
        <div class="single-bottom-btn yellow" style="margin-top: 30px;" @click="reconfirm">
            确定
        </div>
    </div>
</template>

<script>

  export default {
    name: 'forgetPassword',
    data() {
      return {
        user: {
          mobile: '',
          code: '',
          pw: '',
          confirmPw: ''
        }
      }
    },
    computed: {},
    methods: {
      reconfirm () {

      }
    },
    mounted(){
    },
    components: {}
  }
</script>
<style lang="less" scoped>
    @import "../../css/common";
    @import "../../css/commonlayout";
    .usercenter{
        font-size: 28px;
        .sendcode{
            color: @color_orange;
            width: 150px;
        }
    }

</style>